<template>
	<!--main_wrap是滑动的包裹框-->
	<!--<div id="app" ref="main_wrap">-->
		<!--<div ref="index_slide" >-->
			<div class="main">
				<keep-alive>
					<router-view></router-view>
				</keep-alive>
			</div>
		<!--</div>-->
	<!--</div>-->
</template>

<script>
	export default {
		created() {
			/*this.$nextTick(function() {
				setTimeout(() => {
					const el = this.$refs["index_slide"];
					const wrap = this.$refs["main_wrap"];
					new this.Slide({
						el: el,
						wrap: wrap
					});
				}, 0);
				
			});*/
		}
	}
</script>

<style scoped lang="scss">
	.main {
		margin: 0 auto;
		/*border-style: solid;
		border-color: #ccc;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 0;
		border-bottom-width: 0;*/
		max-width: 650px;
		/*height: 100vh;*/
		overflow: hidden;
	}
	@media only screen and (min-width: 650px) {
		border-style: solid;
		border-color: #ccc;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 0;
		border-bottom-width: 0;
	}
</style>